<!doctype html>
<html>
<head>
    <!-- This infomations is optimized with SEO -->
    <link href="favo-icon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"><!-- Thay link ảnh biểu tượng website -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- Mã nguồn Website (Giữ nguyên) -->
    <meta charset="utf-8">

    <title>Danh sách tin tức - Hệ thống lọc nước</title>

    <meta name="description" content="Mô tả nội dung website (70-160 ký tự)"/>
    <meta name="keywords" content="Từ khóa 1, từ khóa 2, từ khóa 3, khoảng 4 từ khóa không quá, độ dài khoảng 4 từ" />
    <meta name="robots" content="noodp,index,follow" /><!-- Quy định cho robot (Giữ nguyên)-->
    <meta name="author" content="Author Name, authoremail@domain.com" /><!-- Tác giả website -->
    <meta http-equiv="content-language" content="vi_VN" /><!-- Ngôn ngữ cho website -->

    <meta property="og:locale" content="vi_VN" /><!-- Địa phương -->
    <meta property="og:type" content="article" /><!-- Phân loại website (Thường là article) -->
    <meta property="og:url" content="http://ten-website.com/" /><!-- Địa chỉ chính của Website -->
    <meta property="og:site_name" content="Tên website" /><!-- Tên Website-->
    <meta property="og:image" content="http://ten-website.com/images/logo.jpg" /><!-- Đường dẫn ảnh logo công ty-->

    <!-- **CSS - stylesheets** -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/main-slider.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.simpleLens.css">

    <!-- **jQuery** -->
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="js/main-slider.js"></script>
    <script type="text/javascript" src="js/jquery.simpleGallery.js"></script>
    <script type="text/javascript" src="js/jquery.simpleLens.js"></script>

</head>

<body>

<header>
    <div id="header-innder">
        <div id="logo">
            <a href="#"><img src="images/logo.png" alt="Hệ thống lọc nước" title="Hệ thống lọc nước"></a>
        </div><!--End #logo-->

        <div id="policyandphone">
            <div id="policy">
                <ul>
                    <li class="p1">Miễn phí<br>Vận chuyển</li>
                    <li class="p2">Thanh toán<br>tại nhà</li>
                    <li class="p3">Quy trình<br>bảo hành</li>
                    <li class="p4">CSHK<br>chuyên nghiệp</li>
                </ul>
            </div><!--End #policy-->

            <div id="phone">
                <ul>
                    <li>
                        <p class="name">Đặt hàng</p><br>
                        <p class="phone-number">(04) 62691411</p>
                    </li>
                    <li>
                        <p class="name">Đặt hàng</p><br>
                        <p class="phone-number">(04) 62691411</p>
                    </li>
                    <li>
                        <p class="name">Đặt hàng</p><br>
                        <p class="phone-number">(04) 62691411</p>
                    </li>
                    <li>
                        <p class="name">Đặt hàng</p><br>
                        <p class="phone-number">(04) 62691411</p>
                    </li>
                </ul>
            </div><!--End #phone-->
        </div><!--End #policyandphone-->

        <nav id="main-menu">
            <ul>
                <li class="first"><a href="#">Trang chủ</a></li>
                <li><a href="#">Giới thiệu</a></li>
                <li><a href="#">Sản phẩm</a></li>
                <li><a href="#">Dịch vụ</a></li>
                <li><a href="#">Đại lý</a></li>
                <li><a href="#">Tin tức</a></li>
                <li><a href="#">Thanh toán</a></li>
                <li><a href="#">Liên hệ</a></li>
            </ul>
        </nav><!--End #main-menu-->

    </div><!--End #header-innder-->
</header><!--End Header-->

<section id="container">
    <div id="container-inner">
        <div id="slider">
            <ul id="demo1">
                <li><a href="#"><img src="images/slider/slider-1.jpg"  alt="Hệ thống lọc nước"></a></li>
                <li><a href="#"><img src="images/slider/slider-2.jpg"  alt="Hệ thống lọc nước"></a></li>
                <li><a href="#"><img src="images/slider/slider-3.jpg"  alt="Hệ thống lọc nước"></a></li>
            </ul>

            <script>
                $(function() {
                    var demo1 = $("#demo1").slippry({
                        transition: 'fade',
                        useCSS: true,
                        speed: 1000,
                        pause: 3000,
                        auto: true,
                        preload: 'visible'
                    });

                    $('.stop').click(function () {
                        demo1.stopAuto();
                    });

                    $('.start').click(function () {
                        demo1.startAuto();
                    });

                    $('.prev').click(function () {
                        demo1.goToPrevSlide();
                        return false;
                    });
                    $('.next').click(function () {
                        demo1.goToNextSlide();
                        return false;
                    });
                    $('.reset').click(function () {
                        demo1.destroySlider();
                        return false;
                    });
                    $('.reload').click(function () {
                        demo1.reloadSlider();
                        return false;
                    });
                    $('.init').click(function () {
                        demo1 = $("#demo1").slippry();
                        return false;
                    });
                });
            </script>
        </div><!--End #slider-->

        <div id="filter">
            <div id="clock">
                <script type="text/javascript">
                    function dFormat2(){
                        objDate = new Date();

                        var rStr = '';
                        if(objDate){

                            var day = objDate.getDay();
                            var date = objDate.getDate();
                            var month = objDate.getMonth()+1;
                            var year = objDate.getFullYear();
                            var hour = objDate.getHours();
                            var minute = objDate.getMinutes();

                            var temp = objDate.toDateString();

                            switch(day){
                                case 0:
                                    rStr = 'Chủ nhật'; break;
                                case 1:
                                    rStr = 'Thứ hai'; break;
                                case 2:
                                    rStr = 'Thứ ba'; break;
                                case 3:
                                    rStr = 'Thứ tư'; break;
                                case 4:
                                    rStr = 'Thứ năm'; break;
                                case 5:
                                    rStr = 'Thứ sáu'; break;
                                case 6:
                                    rStr = 'Thứ bảy'; break;
                                default:
                                    rStr = ''; break;
                            }
                            //Thứ sáu, 7/10/2013 <span class="drash">|</span> 10:21 GMT+7

                            rStr = rStr +', ' + date+'/'+month+'/'+year +' | '+hour+':'+minute+' GMT+7';
                            document.write(rStr);
                        }
                    }
                    dFormat2();
                </script>
            </div><!--End #clock-->

            <div id="filter-inner">
                <span class="title">Tìm theo:</span>
                <select class="filter-type">
                    <option value="" check>Mức giá</option>
                </select>
                <select class="filter-type">
                    <option value="" check>Hãng sản xuất</option>
                </select>
                <select class="filter-type">
                    <option value="" check>Loại nước</option>
                </select>
                <select class="filter-type">
                    <option value="" check>Công suất</option>
                </select>
                <select class="filter-type">
                    <option value="" check>Công nghệ</option>
                </select>
                <select class="filter-type">
                    <option value="" check>Đối tượng sử dụng</option>
                </select>
            </div><!--End #filter-inner-->

            <div style="clear: both"></div>
        </div><!--End #filter-->

        <div id="main">
            <aside>
                <nav class="aside-mod">
                    <div class="task">
                        <h3 class="title"><a href="#">Máy lọc nước Nano</a></h3>
                    </div>
                    <div class="content">
                        <ul class="aside-menu">
                            <li><a href="#1">Máy lọc nước nano geyser</a></li>
                            <li class="light"><a href="#">Máy lọc nước Aquastar</a></li>
                            <li><a href="#2">Máy lọc nước nanomic</a></li>
                            <li class="light"><a href="#">Máy lọc nước nanosky</a></li>
                            <li><a href="#3">Máy nước lọc Waterpia</a></li>
                            <li class="light"><a href="#">Máy lọc nước selecto</a></li>
                            <li><a href="#4">Máy lọc nước pentair</a></li>
                            <li class="light"><a href="#">Máy lọc nước dr sukida</a></li>
                            <li><a href="#5">Máy lọc nước nóng lạnh</a></li>
                            <li class="light"><a href="#">Hệ thống lọc nước</a></li>
                            <li><a href="#6">Máy lọc nước sinh hoạt</a></li>
                            <li class="light"><a href="#">Máy lọc nước haohsing</a></li>
                            <li><a href="#7">Máy lọc nước coway (Hàn Quốc)</a></li>
                        </ul>
                    </div>
                </nav><!--End .aside-mod-->

                <nav class="aside-mod">
                    <div class="task">
                        <h3 class="title"><a href="#">Máy lọc nước geyser</a></h3>
                    </div>
                    <div class="content">
                        <ul class="aside-menu">
                            <li><a href="#1">Máy lọc nước nano geyser</a></li>
                            <li class="light"><a href="#">Máy lọc nước Aquastar</a></li>
                            <li><a href="#2">Máy lọc nước nanomic</a></li>
                            <li class="light"><a href="#">Máy lọc nước nanosky</a></li>
                            <li><a href="#3">Máy nước lọc Waterpia</a></li>
                            <li class="light"><a href="#">Máy lọc nước selecto</a></li>
                            <li><a href="#4">Máy lọc nước pentair</a></li>
                            <li class="light"><a href="#">Máy lọc nước dr sukida</a></li>
                            <li><a href="#5">Máy lọc nước nóng lạnh</a></li>
                            <li class="light"><a href="#">Hệ thống lọc nước</a></li>
                            <li><a href="#6">Máy lọc nước sinh hoạt</a></li>
                            <li class="light"><a href="#">Máy lọc nước haohsing</a></li>
                            <li><a href="#7">Máy lọc nước coway (Hàn Quốc)</a></li>
                        </ul>
                    </div>
                </nav><!--End .aside-mod-->

                <div class="aside-mod">
                    <div class="task">
                        <h3 class="title"><a href="#">Tin tức mới nhất</a></h3>
                    </div>
                    <div class="content content-list-news">
                        <div class="news-item">
                            <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                            <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
                        </div><!--End .news-item-->

                        <div class="news-item">
                            <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                            <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
                        </div><!--End .news-item-->

                        <div class="news-item">
                            <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                            <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
                        </div><!--End .news-item-->

                        <div class="news-item">
                            <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                            <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
                        </div><!--End .news-item-->

                        <div class="news-item">
                            <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                            <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
                        </div><!--End .news-item-->

                        <div style="clear: both"></div>
                    </div>
                </div><!--End .aside-mod-->

                <div style="clear: both"></div>
            </aside><!--End aside-->

            <article>
                <div id="breadcrumb">
                    <ul>
                        <li><a href="#">Trang chủ</a></li>
                        <li><span>Tin tức</span></li>
                    </ul>
                </div><!--End #breadcrumb-->

                <div id="list-news-content">
                    <div class="news-item">
                        <div class="thumb">
                            <a href="#"><img src="images/news/news-1.jpg" alt="Tiêu đề tin tức" title="Tiêu đề tin tức"></a>
                        </div>
                        <h2><a href="#">Máy lọc nước Nano, công nghệ của tương lai</a></h2>
                        <span class="intro">Tình trạng nước sạch bị ô nhiễm, nhất là ở các khu đô thị lớn đang là một vấn đề nan giải hiện nay. Không những ảnh hưởng tới chất lượng sống mà còn ảnh hưởng nghiêm trọng đến sức khỏe của người dân...</span>
                    </div><!--End .news-item-->

                    <div class="news-item">
                        <div class="thumb">
                            <a href="#"><img src="images/product/1.jpg" alt="Tiêu đề tin tức" title="Tiêu đề tin tức"></a>
                        </div>
                        <h2><a href="#">Máy lọc nước Nano, công nghệ của tương lai</a></h2>
                        <span class="intro">Tình trạng nước sạch bị ô nhiễm, nhất là ở các khu đô thị lớn đang là một vấn đề nan giải hiện nay. Không những ảnh hưởng tới chất lượng sống mà còn ảnh hưởng nghiêm trọng đến sức khỏe của người dân...</span>
                    </div><!--End .news-item-->

                    <div class="news-item">
                        <div class="thumb">
                            <a href="#"><img src="images/news/news-1.jpg" alt="Tiêu đề tin tức" title="Tiêu đề tin tức"></a>
                        </div>
                        <h2><a href="#">Máy lọc nước Nano, công nghệ của tương lai</a></h2>
                        <span class="intro">Tình trạng nước sạch bị ô nhiễm, nhất là ở các khu đô thị lớn đang là một vấn đề nan giải hiện nay. Không những ảnh hưởng tới chất lượng sống mà còn ảnh hưởng nghiêm trọng đến sức khỏe của người dân...</span>
                    </div><!--End .news-item-->

                    <div class="news-item">
                        <div class="thumb">
                            <a href="#"><img src="images/product/1.jpg" alt="Tiêu đề tin tức" title="Tiêu đề tin tức"></a>
                        </div>
                        <h2><a href="#">Máy lọc nước Nano, công nghệ của tương lai</a></h2>
                        <span class="intro">Tình trạng nước sạch bị ô nhiễm, nhất là ở các khu đô thị lớn đang là một vấn đề nan giải hiện nay. Không những ảnh hưởng tới chất lượng sống mà còn ảnh hưởng nghiêm trọng đến sức khỏe của người dân...</span>
                    </div><!--End .news-item-->

                    <div class="news-item">
                        <div class="thumb">
                            <a href="#"><img src="images/news/news-1.jpg" alt="Tiêu đề tin tức" title="Tiêu đề tin tức"></a>
                        </div>
                        <h2><a href="#">Máy lọc nước Nano, công nghệ của tương lai</a></h2>
                        <span class="intro">Tình trạng nước sạch bị ô nhiễm, nhất là ở các khu đô thị lớn đang là một vấn đề nan giải hiện nay. Không những ảnh hưởng tới chất lượng sống mà còn ảnh hưởng nghiêm trọng đến sức khỏe của người dân...</span>
                    </div><!--End .news-item-->

                    <div class="news-item">
                        <div class="thumb">
                            <a href="#"><img src="images/product/1.jpg" alt="Tiêu đề tin tức" title="Tiêu đề tin tức"></a>
                        </div>
                        <h2><a href="#">Máy lọc nước Nano, công nghệ của tương lai</a></h2>
                        <span class="intro">Tình trạng nước sạch bị ô nhiễm, nhất là ở các khu đô thị lớn đang là một vấn đề nan giải hiện nay. Không những ảnh hưởng tới chất lượng sống mà còn ảnh hưởng nghiêm trọng đến sức khỏe của người dân...</span>
                    </div><!--End .news-item-->

                    <div class="news-item">
                        <div class="thumb">
                            <a href="#"><img src="images/news/news-1.jpg" alt="Tiêu đề tin tức" title="Tiêu đề tin tức"></a>
                        </div>
                        <h2><a href="#">Máy lọc nước Nano, công nghệ của tương lai</a></h2>
                        <span class="intro">Tình trạng nước sạch bị ô nhiễm, nhất là ở các khu đô thị lớn đang là một vấn đề nan giải hiện nay. Không những ảnh hưởng tới chất lượng sống mà còn ảnh hưởng nghiêm trọng đến sức khỏe của người dân...</span>
                    </div><!--End .news-item-->

                    <div style="clear: both"></div>
                </div><!--End #list-news-content-->

                <div style="clear: both"></div>
            </article>

            <div style="clear: both"></div>

            <footer>
                <div id="footer-inner">
                    <div class="footer-mod company-info">
                        <div class="task"><h4>Thông tin liên hệ</h4></div>
                        <div class="content">
                            <span>
                                <b>CÔNG TY CỔ PHẦN SMART VIỆT</b>
                                <br>
                                Mã số doanh nghiệp: 0105486972
                                <br>
                                Sở kế hoạch & đầu tư Hà Nội cấp 07/09/2011
                                <br>
                                Địa chỉ: 75 Trung Kính, Cầu Giấy, Hà Nội
                                <br>
                                ĐT: (04) 6266 1976 - (04) 6269 1411
                            </span>
                        </div>
                    </div><!--End .footer-mod-->

                    <div class="footer-mod info">
                        <div class="task"><h4>Thông tin</h4></div>
                        <div class="content">
                            <ul>
                                <li><a href="#">Góc giải đáp</a></li>
                                <li><a href="#">Cam kết bán hàng</a></li>
                                <li><a href="#">Quy tắc thông tin</a></li>
                            </ul>
                        </div>
                    </div><!--End .footer-mod-->

                    <div class="footer-mod social">
                        <div class="task"><h4>Theo chúng tôi trên</h4></div>
                        <div class="content">
                            <ul>
                                <li><a href="#"><img src="css/images/icon-facebook.png"> Facebook</a></li>
                                <li><a href="#"><img src="css/images/icon-twiter.jpg"> Twiter</a></li>
                                <li><a href="#"><img src="css/images/icon-googlee.jpg"> Google+</a></li>
                                <li><a href="#">Vua bán lẻ</a></li>
                            </ul>
                        </div>
                    </div><!--End .footer-mod-->

                    <div class="footer-mod facebook">
                        <div class="task"><h4>Facebook</h4></div>
                        <div class="content">
                            <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVuabanle.vn&amp;width=340&amp;height=210&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=1378247825813805" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:340px; height:210px;" allowTransparency="true"></iframe>
                        </div>
                    </div><!--End .footer-mod-->

                    <div style="clear: both"></div>
                </div><!--End #footer-inner-->
            </footer><!--End footer-->

            <div id="copyright">
                Copyright © 2015 Công ty cổ phần Smart Việt | All rights reserved
            </div><!--End Copyright-->
        </div>
    </div><!--End #container-inner-->

</section><!--End #container-->

</body>
</html>
